<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // window.screenTop; //窗口顶部距屏幕顶部的距离
    console.log(window.screenTop); //google为0  IE为77px
    // window.screenLeft; //窗口左侧距离屏幕左侧的距离
    console.log(window.screenLeft); //google为0 IE为0
    // window.innerWidth; //窗口中可视区域（viewpoint）的宽度
    console.log(window.innerWidth); //不同浏览器结果一样
    // window.innerHeight; //窗口中可视区域（viewpoint）的高度  该值与浏览器是否显示菜单栏等因素有关
    console.log(window.innerHeight); //不同浏览器结果不同
    // window.outerWidth; //浏览器窗口本身的宽度（可视区域宽度+浏览器边框宽度）
    console.log(window.outerWidth);//IE窗口左右边框的宽度为8px，而Google为0
    // window.outerHeight; //浏览器窗口本身的高度
    console.log(window.outerHeight); //IE窗口上下边框的宽度为8px，而Google为0
  </script>
</html>
